import React from "react"
import { Navigate } from "react-router-dom";
import Demo from "src/views/demo";

const Home = React.lazy(()=> import('@/views/home'))
const About = React.lazy(() => import('@/views/about'));
const Details = React.lazy(() => import('@/views/detail'));
const Entire = React.lazy(()=> import('@/views/entire'))

const routes = [
  {
    path: '/',
    element: <Navigate to='/home' />,
  },
  {
    path: '/home',
    element: <Home />,
  },
  {
    path: '/about',
    element: <About />,
  },
  {
    path: '/detail',
    element: <Details />,
  },
  {
    path: '/entire',
    element:<Entire />
  },
  {
    path: '/demo',
    element: <Demo />
  }
];

export default routes